<template>
  <div class="personalCell" @click="handleClick">
    <div class="label">{{ label }}</div>
    <div class="desc">{{ desc }}</div>
    <span class="iconfont iconjiantou1"></span>
  </div>
</template>

<script>
export default {
  // 接收数据
  props: ["label", "desc", "type"],
  methods: {
    //   处理点击事件
    handleClick() {
      // 告诉父组件被点击了,主动发送自定义函数
      this.$emit("clickJump");
    },
  },
};
</script>

<style lang="less" scoped>
.personalCell {
  display: flex;
  align-items: center;
  padding: 16/360 * 100vw;
  padding-right: 10/360 * 100vw;
  padding-left: 0;
  margin-left: 20/360 * 100vw;
  border-bottom: 1px solid #e4e4e4;
  .label {
    flex: 1;
    color: #111;
    font-size: 14/360 * 100vw;
  }
  .desc {
    color: #b7acb8;
    padding-right: 4/360 * 100vw;
    font-size: 12 /360 * 100vw;
    input {
      border: none;
      text-align: right;
    }
  }
  .iconjiantou1 {
    color: #d4d4d4;
  }
}
</style>
